
//a. 卸载安装包 cnpm uninstall vue-loader -D 
//b. 自动导入 bundle.js 自动在webpack.config.dev.js 中生成index.html 我们看不到
//c. 插件中的内容都是new 出来的
//d. error: Connot find module   >>> 干掉node_modules  >>>cnpm i 会把de,dev依赖的包全部下载
//e. 生产阶段, 加入指令, 自动生成 min.js
//f. npm run dev  || 在package.json中 "scripts" 中 配置 "dev" :"指令"
//d. npm init -y 生成package.json  ||| 还可以配置脚本


//热更新,热重载,热替换


// 1. 导包  ES5 和 ES6 两种写法
import Vue from 'vue'
//es5 var Vue = require('vue')

import moment from 'moment'
// import ElementUI from 'element-ui'
//按需导入ElementUI


import VueLazyLoad from 'vue-lazyload'

//以下是全局导入, 用到的组件不多, 要用按需导入
// import iView from 'iview'
import { 
    Button, 
    Pagination,
    Input,
    InputNumber,
    Switch,
    Form,
    FormItem,
    Radio,
    RadioGroup,
    MessageBox,
    Message,
    Carousel,
    CarouselItem,
    Row,
    Col 
} from 'element-ui'


Vue.use(Button)
 //自动导入element-ui/lib/theme-chalk/button.css
Vue.use(Pagination)
Vue.use(InputNumber)
Vue.use(Form)
Vue.use(FormItem)
Vue.use(Radio)
Vue.use(RadioGroup)
Vue.use(Input)
Vue.use(Switch)
Vue.use(Carousel)
Vue.use(CarouselItem)
Vue.use(Row)
Vue.use(Col)
// Vue.use(ElementUI)
//在使用element组件中 , 用到$ 的属性是要绑定在原型中的
Vue.prototype.$message = Message
Vue.prototype.$confirm = MessageBox.confirm
// console.log(iView)
// Vue.use(iView);

Vue.use(VueLazyLoad,{
    // loading:'statics/site/images/01.gif'
    loading:require('./statics/site/images/01.gif')
})

Vue.filter('dateFmt',(input,formatString="YYYY-MM-DD") =>{
    return moment(input).format(formatString)
})
// 2.导入根组件
import App from './App.vue'

//导入css全局用到的样式
// import 'element-ui/lib/theme-chalk/index.css'
import "./statics/site/css/style.css"

import router from './router'
import {store} from './store'

new Vue({
    el:'#app',
    router,
    store,
    render:h =>h(App)
})

//4. 第二个安装包: vue-loader (1)  一起安装了4个包
    //安装vue-loader 需要依赖 css-loader (2) vue-template-compiler (3)
        //顺便安装 style-loader  (4)
    //*** de里的vue版本号 要和 dev里的template版本号 一致 

//5. 编写 webpack.config.dev.js
    // >>> 让webpack 支持打包vue后缀的文件

//6. 第三个安装包: html-webpack-plugin (1) webpack (2) webpack-dev-server (3)
    // >>> 使用 html-webpack-plugin 生成 index.html \
        // 在项目根目录文件下创建一个参考文件  
        // *** 插件会自动导入 bundle.js 
    // >>> 在webpack.config.dev.js 中配置 plugins

//7. 开启 webpack-dev-server 服务器, 默认端口 8080
    //打包bundle.js, 并把bundle.js和 index.html 发布到内部的node服务器中去